Skip to content

Latest commit

 

History

History
82 lines (35 loc) · 2.93 KB

05-Template padrão da Aplicação.md

File metadata and controls

82 lines (35 loc) · 2.93 KB

Template padrão da Aplicação

O layout padrão da nossa aplicação foi construído a partir da linguagem de marcação HTML e da linguagem de estilos CSS. A combinação destas linguagens possibilitou a concepção de um website responsivo.

Como elementos padrões das páginas podemos citar o header e o footer, juntamente com os elementos citados abaixo:

Logotipo

Para a elaboração do nosso logotipo utilizamos predominantemente a cor azul e seus diversos tons, presentes em todas as páginas do website, pois ela remete a aspectos de segurança, harmonia, confiança e também tranquilidade. Sentimentos que fazemos questão de passar a todos os nossos usuários.

A coruja foi escolhida como nosso mascote, pois além de segurança queremos passar também a ideia de conhecimento.

logoPrincipal

Tipografia

Fonte Principal:

  • H1: Open Sans Bold 28px;

  • H2: Open Sans Light 26px;

  • H3: Open Sans Regular 24px;

  • H4: Open Sans Regular 20px;

  • H5: Open Sans Regular 18px;

  • H6: Open Sans Regular 16px.

Fontes Secundárias:
  • Roboto, sans-serif;

  • Montserrat, sans-serif;

  • Poppins, sans-serif.

Cores

cores

Iconografia

Os ícones utilizados em nossa aplicação foram retirados do Framework Bootstrap, presentes no código do website através da tag i em conjunto das classe fornecidas pelo Framework.

Bootstrap Icons v1.11.3.

Exemplo:

cdnIcons

bootstrapIcon

Imagens

Todas as imagens presentes no website, se encontram aqui.

Códigos

Os arquivos HTML, CSS e JavaScript do projeto estão organizados aqui.

Header e Footer

header01

header02

footer